<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>SCUSJZ</title> 
<style>
        body {
			text-align: center;
            font-family: 'Microsoft YaHei', sans-serif;
            background-color: #f4f4f4;
            color: #333;
            line-height: 1.6;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
			font-size: 20px;
            text-align: center;
            color: #333;
    </style>
</head>
<body>
 
<div id="container" style="width:500px">
 
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;text-align: center;color: #345;">古诗网</h1></div>
 
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>菜单</b><br>
登录<br>
古诗<br>
了解更多</div>
 
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
	<h2>登录</h2>

    <form action="/" method="post">
        <!-- 文本输入框 -->
        <label for="name">用户名:</label>
        <input type="text" id="name" name="name" required>

        <br>

        <!-- 密码输入框 -->
        <label for="password">密码:</label>
        <input type="password" id="password" name="password" required>

        <br>
        <!-- 复选框 -->
        <input type="checkbox" id="subscribe" name="subscribe" checked>
        <label for="subscribe">订阅推送信息</label>

        <!-- 下拉列表 -->
        <label for="country">语言:</label>
        <select id="country" name="country">
            <option value="cn">Chinese</option>
            <option value="usa">English</option>
            <option value="uk">Japanese</option>
        </select>

        <br>

        <!-- 提交按钮 -->
        <input type="submit" value="提交">
    </form>
        </div></div>
 
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;height:25px;width:500px;">
版权 ©SCUSJZ.com</div>
 
</div>
 
</body>
</html>